<template>
    <div class="workMent">
            <el-table :data="tableData" v-loading="loading" borderstyle="width: 100%">
            <el-table-column prop="id" label="用户Id" align="center"></el-table-column>
            <el-table-column prop="userId" label="所属班级" align="center"> </el-table-column>
            <el-table-column prop="title" label="作业名称" align="center"></el-table-column>
           <el-table-column prop="completed_text" label="完成情况" align="center"></el-table-column>
        </el-table>

        <Page :total="total" :url="url"/>
    </div>
</template>


<script>

import Page from '../common/Pageing.vue';
export default{

    //注册组件
    components:{
        Page
    },
    data(){
        return {
            tableData:[],
            total:0,
            loading:true,
            url:'/works'
        }
    },

}
</script>

<style lang="scss">
.workMent{
    .el-pagination{
        text-align: left;
        margin-top: 20px;
    }
}
</style>
